import router from './router';
import store from './store';
import { Message } from 'element-ui';
import NProgress from 'nprogress';
import { getToken } from '@/utils/auth';

NProgress.configure({ showSpinner: false });

const whiteList = ['/admin', '/supplier', '/mallStore', '/auth-redirect', '/404', '/bind', '/register'];

router.beforeEach((to, from, next) => {
	NProgress.start();
	if (getToken()) {
		/* has token*/
		if (to.path === '/admin' || to.path === '/supplier' || to.path === '/mallStore') {
			next({ path: '/home' });
			NProgress.done();
		} else {
			if (store.getters.roles.length === 0) {
				// 判断当前用户是否已拉取完user_info信息
				store
					.dispatch('GetInfo')
					.then(() => {
						store.dispatch('GenerateRoutes').then((accessRoutes) => {
							// 根据roles权限生成可访问的路由表
							console.log(accessRoutes, 'accessRoutes');
							accessRoutes.forEach((item) => {
								router.addRoute(item); // 动态添加可访问路由表
							});
							next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
						});
					})
					.catch((err) => {
						const supplier = store.getters.roles.some((name) => name === 'supplier');
						const mallStore = store.getters.roles.some((name) => name === 'mallStore');
						store.dispatch('LogOut').then(() => {
							Message.error(err);
							if (supplier) {
								next({ path: '/supplier' });
								return;
							} else if (mallStore) {
								next({ path: '/mallStore' });
								return;
							}
							next({ path: '/admin' });
						});
					});
			} else {
				next();
			}
		}
	} else {
		// 没有token
		if (whiteList.indexOf(to.path) !== -1) {
			// 在免登录白名单，直接进入
			next();
		} else {
			//没有token全部跳转到404页面
			next(`/404?redirect=${to.fullPath}`); // 否则全部重定向到登录页
			NProgress.done();
		}
	}
});

router.afterEach(() => {
	NProgress.done();
});
